<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/amazeui.min.js" ></script>
	</head>
	<body>
		<div id="header">
			<a class="tubiaoImg"><img src="images/logo.jpg"/></a>
			书城
			<div class="tianqi">
				<span>小雨</span>
				<span>18℃</span>
				<img src="images/tianqi.png"/>
			</div>
	  	</div>
		<div data-am-widget="slider" class="am-slider am-slider-default">
			  <ul class="am-slides">
			      <li><img src="images/lunbo1.jpg"> </li>
			      <li><img src="images/lunbo2.jpg"> </li>
			  </ul> 
		</div>
		<div class="sousuoDiv">
		  	<input type="search" placeholder="搜索" class="search"/>
		  	<button>搜索</button>
		  </div>
		<ul class="nav">
			<li>
				<a href="shangjia.html">
					<img src="images/icon-book.png" />
					<p>人气书架</p>
				</a>
			</li>
			<li>
				<a href="#">
					<img src="images/icon-member.png" />
					<p>掌上书单</p>
				</a>
			</li>
			<li>
				<a href="images/shipin.mp4">
					<img src="images/icon-live.png" />
					<p>热卖视频</p>
				</a>
			</li>
			<li>
				<a href="order.html">
					<img src="images/icon-car.png" />
					<p>购物车</p>
				</a>
			</li>
		</ul>
		<div class="title clearfix" >
		    <h2 class="title1 fl">本周封推 </h2>
		    <a href="" class="more fr">更多 &raquo;</a>
		</div>
	    <ul class="product">
	      	<li>
            	<a href="" class="">
              	<img src="images/pa3.png"style="width: 100%;"/>
            	</a>
	      	</li>
		 </ul>
		<div class="title clearfix" >
		    <h2 class="title1 fl">商城精选 </h2>
		    <a href="" class="more fr">更多 &raquo;</a>
		</div>
		<ul class="shangjia">
			<li>
				<a href="shangjia.html">
				<div class="sjL">
					<img src="images/shu4.jpg"/>
				</div>
				<div class="sjR">
					<h3>小镇书屋</h3>
					<div class="top1">
						<span class="yuding">草根</span>
					</div>
					<div class="xingji">
						<img src="images/xx.png" style="width:80px;"/>
						<span>5.0</span>
						<span>月售321</span>
					</div>
					<div class="top2">
						<span>订阅: 13241</span>&nbsp;&nbsp;
						<span>作者: 小毛</span>
					</div>
					<div class="top4">
						<span>4.76折起</span>
						<span>首单减10</span>
						<span>收藏</span>
					</div>
				</div>
				<div class="rightDiv">
					<div>...</div>
					<div class="juli">点击量:12763</div>
				</div>
				</a>
			</li>
			<li>
				<a href="shangjia.html">
				<div class="sjL">
					<img src="images/shu2.jpg"/>
				</div>
				<div class="sjR">
					<h3>印象书馆</h3>
					<div class="top1">
						<span class="yuding">草根</span>
					</div>
					<div class="xingji">
						<img src="images/xx.png" style="width:80px;"/>
						<span>5.0</span>
						<span>月售321</span>
					</div>
					<div class="top2">
						<span>订阅: 13241</span>&nbsp;&nbsp;
						<span>作者: 小毛</span>
					</div>
					<div class="top4">
						<span>4.76折起</span>
						<span>首单减10</span>
						<span>收藏</span>
					</div>
				</div>
				<div class="rightDiv">
					<div>...</div>
					<div class="juli">点击量:12763</div>
				</div>
				</a>
			</li>
		</ul>
		<div class="h50"></div>
		<div  class="footer " >
		      <ul>
		          <li >
		            <a href="index.html" class="active">首页</a>
		          </li>
		          <li>
		            <a href="order.html" class="">购物车</a>
		          </li>
		          <li >
		            <a href="myhome.html" class="">个人中心</a>
		          </li>
		          <li >
		            <a href="login.html" class="">登录</a>
		          </li>
		   
		      </ul>
		</div>

	</body>
</html>
